@import "../base/deploy";
//面板
.m-accordion {
	.m-panel{
		.panel-head{
			cursor: pointer;
			transition:background-color  0.5s;
            -moz-transition:background-color 0.5s; /* Firefox 4 */
            -webkit-transition:background-color 0.5s; /* Safari and Chrome */
            -o-transition:background-color 0.5s; /* Opera */
			&:last-child{
				border-bottom:none;
			}
			.item.f-right.iconfont{
				 margin-right: 5px;
				 transition:transform 0.3s;
				 -moz-transition:-moz-transform 0.3s; /* Firefox 4 */
				 -webkit-transition:-webkit-transform 0.3s; /* Safari and Chrome */
				 -o-transition:-o-transform 0.3s; /* Opera */
			}
			&.activate, &.active{
				//background-color: #eaeaea;
				.title{
					//font-weight:bolder!important;
				}
				.item.f-right.iconfont{
					transform:rotate(90deg);
					-moz-transform:rotate(90deg); /* Firefox 4 */
					-webkit-transform:rotate(90deg); /* Safari and Chrome */
					-o-transform:rotate(90deg); /* Opera */
				}
			}
		}
		.panel-body{
			border-bottom-style: solid;
			border-bottom-width: 1px;
			&:last-child{
				border-bottom:none;
			}
			animation:fadeIn 0.5s;
		}
		
	}
	&.line{
		.m-panel{
			box-shadow: none;
			.panel-head{
				height: 16px;
				overflow: visible;
				margin-bottom: 16px;
				display: block;
				background-color: #fff;
				.title{
					width: 150px;  
					margin: 0 auto;
					margin-top: 7px\9;
					text-align: center;
					float: none;
					span{
						line-height:14px;
						//border:#ccc 1px solid;
						border-style: solid;
						border-width: 1px;
						border-radius: 7px;
						font-size: 12px;
						padding: 0 10px;
						background-color: #fff;
					}
				}
			}
			.panel-body{
				border-bottom:none;
			}
		}
	}
} 